<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>浏览器崩溃复现(html+css) 错误代码：STATUS_ACCESS_VIOLATION</title>
    <style>
      .view {
        overflow: auto;
        height: 300px;
        width: 400px;
      }
      .view-item {
        border: 1px solid #ddd;
        height: 70px;
        padding: 10px;
        margin: 5px 0;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <div style="border: 1px solid #ddd; margin: 3px; padding: 10px">
      鼠标中键(滚轮键)点击卡片,浏览器会崩溃;(fieldset标签;滚动条;鼠标中键点击同时满足才会复现)
      <hr />
      浏览器环境:
      <br />
      Chrome 118;
      <br />
      Chrome 119.0.6045.124（正式版本） （64 位）;
      <br />
      Chrome 119.0.6045.124（正式版本） （64 位）;
      <br />
      Microsoft Edge 版本 115.0.1901.203 (正式版本) (64 位)
    </div>

    <fieldset class="view">
      <!-- <legend>legend元素的有无不影响崩溃</legend> -->
      <div class="view-item">卡片0 card</div>
      <div class="view-item">卡片1 card</div>
      <div class="view-item">卡片2 card</div>
      <div class="view-item">卡片3 card</div>
      <div class="view-item">卡片4 card</div>
      <div class="view-item">卡片5 card</div>
      <div class="view-item">卡片6 card</div>
    </fieldset>
    <hr>
    ps:问题单地址https://issues.chromium.org/issues/40944965
    chorme122版本以上已不能复现
  </body>
</html>
